<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>订单评价</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta content="zh-cn" http-equiv="content-language" />
<meta content="" name="copyright" />
<%@ include file="/page/pc/include.jsp"%>
<style>
	.ac_file{  
        width: 52px;  
        left: 41%;  
        position: absolute;  
        cursor: pointer;  
        opacity: 0;  
    }  
</style>
</head>
<body style="background: #f5f5f5">
	<div class="wrap">
		<!---头部公共部分开始-->
		<div class="header">
			<jsp:include page="../header_top.jsp" />
		</div>
		<div class="member_header">
			<div class="member_header_con">
				<h1>
					<a href="${rootPath}/pc/index"><img src="${rootPath}/statics/images/logo5.png" /></a>
				</h1>
				<div class="member_nav">
					<ul>
						<li><a class="a1" href="${rootPath}/pc/index">首页</a></li>
						<li onmouseover="this.className='hover'"
							onMouseOut="this.className=''"><a href="javascript:void(0)" class="a1">账户管理<i></i></a>
							<dl>
								<dd>
									<p>
										<span>账户管理</span><i></i>
									</p>
								</dd>
								<dt>
									<a href="javascript:void(0)"><p>我的信息</p></a>
								</dt>
								<dt>
									<a href="javascript:void(0)"><p>修改密码</p></a>
								</dt>
								<dt>
									<a href="javascript:void(0)"><p>收货地址</p></a>
								</dt>
							</dl></li>
					</ul>
				</div>
				<div class="member_header_right">
					<div class="search_part11">
						<form action="${rootPath}/pc/product/search" method="post">
							<input type="text" name="searchKey" class="inputstyle11" /> 
							<input type="submit" class="inputbtn11" value="搜索" />
						</form>
					</div>
					<div class="cart_part1">
						<p>
							<a href="${rootPath}/pc/shoppingcart/list"><i></i><span>我的购物车</span><em id="shopCount">0</em></a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!---头部公共部分结束-->
	<!-- 页面信息部分 -->
	<div class="site_wrap14">
		<div class="site_wrap14_con">
			<div class="comment_success">
				<p>
					<img src="${rootPath}/statics/images/icon_success2.png" /><span>评价已完成，感谢您对我们的支持！</span>
				</p>
				<p>
					<span style="margin-left:25px;">您可以&nbsp;&nbsp;</span>
					<a href="${rootPath }/pc/index" style="color:#dd2726;font-size:13px;text-decoration:underline;">继续购物</a>
					&nbsp;
					<a href="${rootPath }/pc/order/list" style="color:#dd2726;font-size:13px;text-decoration:underline;">我的订单</a>
				</p>
			</div>
			
			<div class="hot_part">
				<div class="hot_nav">
					<ul>
						<!-- <li class="recommend current">
							<a href="javascript:void(0)" onclick="tabChange('recommend', 'my_favorite')">推荐商品<i></i></a>
						</li> -->
						<li class="my_favorite current">
							<a href="javascript:void(0)" onclick="tabChange('my_favorite', 'recommend')">我的收藏<i></i></a>
						</li>
					</ul>
				</div>
				<!-- 推荐商品(热品采购) -->
				<%-- <div id="recommend" class="bd" style="display:block;">
					<div class="hot_list">
						<ul>
							<c:forEach items="${topProductList }" var="product">
								<li>
									<div class="box14">
										<div class="pic">
											<a target="_blank" href="${rootPath}/pc/product/detail?productId=${product.id}">
												<img src="${imgRootURL}${product.mainImagePath}" onerror="this.src='${rootPath}/statics/images/default.jpg';"/>
											</a>
										</div>
										<div class="item-info">
											<h2>
												<a target="_blank" href="${rootPath}/pc/product/detail?productId=${product.id}">${product.productName}</a>
											</h2>
											<h3>
												<em>¥</em>
												<fmt:formatNumber type="number" value="${product.productPrice}" pattern="0.00" maxFractionDigits="2" />
											</h3>
											<p>
												<a target="_blank" href="${rootPath}/pc/product/detail?productId=${product.id}">加入购物车</a>
											</p>
										</div>
									</div>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div> --%>
				<!-- 我的收藏 -->
				<div id="my_favorite" class="bd" style="display:block;">
					<div class="hot_list">
						<c:choose>
							<c:when test="${empty favoriteList }">
								<div class="noresult" style="text-align: center;height:285px;">
									<p>
										<i><img src="${rootPath}/statics_wx/images/icon_nofav.png" style="height:100px;width:100px;" /></i> 
										<br>
										<br>
										<br>
										<span>您还没有收藏商品哦~</span>
									</p>
								</div>
							</c:when>
							<c:otherwise>
								<ul>
									<c:forEach items="${favoriteList }" var="product">
										<li>
											<div class="box14">
												<div class="pic">
													<a target="_blank" href="${rootPath}/pc/product/detail?productId=${product.id}">
														<img src="${imgRootURL }${product.mainImagePath}" onerror="this.src='${rootPath}/statics/images/default.jpg';"/>
													</a>
												</div>
												<div class="item-info">
													<h2>
														<a target="_blank" href="${rootPath}/pc/product/detail?productId=${product.id}">${product.productName }</a>
													</h2>
													<h3>
														<em>¥</em>
														<fmt:formatNumber type="number" value="${product.productPrice }" pattern="0.00" maxFractionDigits="2" />
													</h3>
													<p>
														<a target="_blank" href="${rootPath}/pc/product/detail?productId=${product.id}">加入购物车</a>
													</p>
												</div>
											</div>
										</li>
									</c:forEach>
								</ul>
							</c:otherwise>
						</c:choose>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 页面信息部分结束 -->
	
	<div>
		<!---网站底部开始-->
		<jsp:include page="../footer.jsp?showQaFlag=0" />
		<!---网站底部结束-->
	</div>
</body>
<script type="text/javascript">
	$(function() {
		/**
		 * 获取购物车数量
		 */
		$.ajax({
			type: 'POST',
			url: rootPath + "/pc/shoppingcart/getShoppingcarCount",
			async: true,
			dataType: 'json',
			success: function(json) {
				if(json.code == '1') {
					$("#shopCount").html(json.data);
				}
			}
		});
	});
	//标签切换
	function tabChange(tab1, tab2) {
		$("#"+tab1).show();
		$("#"+tab2).hide();
		$("."+tab1).addClass("current");
		$("."+tab2).removeClass("current");
	}
	</script>
</html>